<template>
    <!--编写HTML  -->
    <div>
        <h3>{{msg}}</h3>
    </div>
</template>
<script>
    export default{
        data(){
            return{
                msg:'vue-cli3开发单文件组件'
            };
        }
    };
</script>
<!-- scoped表示注入的意思，表示当前的样式只对 当前的组件的结构有效-->
<style scoped>
    h3{
        color: red;
    }
</style>